<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: #f0f0f0; /* 设置网页背景颜色为浅灰色 */
        }
        h1 {
            color: #987979; /* 设置标题字体颜色为深灰色 */
            font-size: 24px; /* 设置标题字体大小为24px */
        }
        p {
            line-height: 1.6; /* 设置段落文本行高为1.6 */
            letter-spacing: 1px; /* 设置段落文本字间距为1px */
        }
        img {
            border: 2px solid #3e1d1d; /* 为图片添加灰色边框 */
            border-radius: 8px; /* 设置边框圆角 */
        }
        a {
            color: #007BFF; /* 设置默认链接颜色 */
            text-decoration: none; /* 去掉下划线 */
        }
        a:hover {
            color: #fff; /* 悬停时改变链接颜色为白色 */
            background-color: #1d5b9e; /* 悬停时改变背景颜色为蓝色 */
            padding: 2px 5px; /* 添加内边距 */
            border-radius: 3px; /* 设置链接圆角 */
        }
    </style>
</head>
<body>
    <h1>我的第一个网页</h1>
    <p>我是黄文杰，一名热爱编程的学生。</p>
    <p>本次实验的目的是学习HTML和CSS的基础知识，创建一个简单的网页。</p>
    <img src="D:\code\hwjhtml\OIP-C (3).jpg" width="200" height="100"><br>
    <a href="https://www.gxstnu.edu.cn/">访问学校官网</a>
</body>
</html>